<script>document.cookie="last=pages/editortexto/parrafo.php";</script>
<?php
$tutorial=4;
$step=1;
?>

<?php if($_COOKIE['so']=='w7') {
    $so="W7";
    $simple_select="<b>realice un clic <i>izquierdo</i> </b>";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_W7.css">
<?php }?>

<?php if($_COOKIE['so']=='xp') {
    $so="XP";
    $simple_select="<b>realice un clic <i>izquierdo</i> </b>";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_XP.css">
<?php }?>

<?php if($_COOKIE['so']=='android') {
    $so="Android";
    $simple_select="toque una vez";
    ?>
    <link rel="stylesheet" type="text/css" media="all" href="css/editor_Android.css">
<?php }?>
<link rel="stylesheet" type="text/css" media="all" href="css/wordpad.css">
<script src="js/text-editor.js"></script>

<p class="xl">Editor de texto enriquecido</p>
<?php if($_COOKIE['so']!='xp') {?>
    <p class="large separado"><u>Párrafo y operación deshacer - rehacer</u>
<?php }else{?>
    <p class="large separado"><u>Párrafo y operación deshacer</u>
<?php }?>
</p>
<p>
	A través del siguiente tutorial usted aprenderá a cambiar la alineación del párrafo (izquierda - centrado - derecha)
	y tambien a manejar la operación 
	
	<?php if($_COOKIE['so']!='xp') {?>
    deshacer - rehacer 
	<?php }else{?>
    deshacer
	<?php }?>
	
	que le permitirá rápidamente deshacer la última acción realizada.
</p>

<?php
if($_COOKIE['so']=='w7')
	include_once("./htm/editor_W7.htm");
if($_COOKIE['so']=='xp')
	include_once("./htm/editor_XP.htm");
if($_COOKIE['so']=='android')
	include_once("./htm/editor_Android.htm");
?>
<p id="T4S1" style="text-align: left">
	La alineación de párrafo es por defecto a izquierda. Para cambiar la alineación de párrafo a centrado, 
	<?= $simple_select ?></b> sobre el botón centrar <img src="img/wordpad/<?= $so ?>/center_button.png">, 
	a partir de ese momento el texto que escriba será visualizado en el centro de la hoja.<br>
	<span  id="T4S1-complete"></span>
</p>

<p id="T4S2" style="display: none;text-align: left">
	Para cambiar la alineación de párrafo a derecha, 
	<b><?= $simple_select ?></b> sobre el botón alinear texto a la derecha 
	<img src="img/wordpad/<?= $so ?>/right_button.png">, 
	a partir de ese momento el texto que escriba será visualizado a la derecha de la hoja.<br>
	<span id="T4S2-complete"></span>
</p>

<p id="T4S3" style="display: none;text-align: left">
	Usted puede deshacer la última acción realizada, para ello, <b><?= $simple_select ?></b> sobre el botón deshacer
	<img src="img/wordpad/<?= $so ?>/undo_button.png">.<br>
	<span id="T4S3-complete"></span>
</p>

<?php if($_COOKIE['so']!='xp') {?>
	<p id="T4S4" style="display: none;text-align: left">
	Usted puede rehacer la última acción decartada, para ello <b><?= $simple_select ?></b> sobre el botón rehacer
	<img src="img/wordpad/<?= $so ?>/redo_button.png">. <br>
	<span id="T4S4-complete"></span>
	</p>
<?php }?>
<br><br><br>

<div id="T4-complete" class="oculto">
	<p class="felicitacion">¡Felicitaciones, ha completado exitosamente el tutorial del editor de texto enriquecido!</p>
	<p>Haga clic sobre el siguiente enlace para <a href="#" onclick="load('./pages/wikipedia.php');levelUp('11');">seguir aprendiendo</a>.</p>
</div>